<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Haitiamp.ORG</title>

  <!-- Framework CSS -->
	<link rel="stylesheet" href="http://www.blueprintcss.org/blueprint/screen.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" href="http://www.blueprintcss.org/blueprint/print.css" type="text/css" media="print">
  <!--[if lt IE 8]><link rel="stylesheet" href="http://www.blueprintcss.org/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
	
	<!-- Import fancy-type plugin for the sample page. -->
	<link rel="stylesheet" href="http://www.blueprintcss.org/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
</head>
<style>
#top-menu > ul > li {
    list-style : none;
    display : inline;
    margin-left : 20px;
    font-size : 2em;
}
.intro-menu {
    font-size : 3em;
    padding : 10px;
    background-color : #e5e5e5;
}
.top-head {
    margin-top : 20px;
}
.intro-nav {
    background-color : #e5e5e5;
    padding : 15px 15px 0px 15px;
}
.entete-menu {
    font-size : 1.2em;
    padding : 10px;
    background-color : #e5e5e5;
}
.kreyol {
    color : #689a0e;
}

.fr {
    color : #01339b;
}

.en {
    color : #96090a;
}
</style>
<body>

	<div class="container showgridz top-head">  
		<div class="span-10" ><h1><a href="/" style="color : black; text-decoration : none;">Haiti Amps . ORG</a><h1></div>
		{% if top_menu %}
		<div id="top-menu" class="span-9 prepend-5 last">
		  <ul>
		      <li class="kreyol"><a href="/kreyol/" class="kreyol">Krey&ograve;l</a></li>
		      <li class="fr"><a href="/fr/" class="fr">Fran&ccedil;ais</a></li>
		      <li class="en"><a href="/en/" class="en">English</a></li>
		  </ul>
		</div>
		{% endif %}
		<hr>

{% block content %}

{% endblock %}

		
		<hr>
		<h3> Information Footer.</h3>
		<p> Vestibulum ante ipsum primis in faucibus orci luctus vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris 
venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus.</p>
		
		
	</div>

</body>
</html>

